<!DOCTYPE html>
<html lang="en" class="no-js fixed-layout">
<head>
    <title>小雨点测试管理系统</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="description" content="REMS">
    <meta name="keywords" content="index">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../lib/assets/amazeui/i/app-icon72x72@2x.png"/>
    <link rel="icon" type="image/png" sizes="96x96" href="../image/favicon.png"/>

    <!-- css的引入 -->
    <link rel="stylesheet" href="../lib/assets/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../lib/assets/amazeui/css/admin.css">
    <link rel="stylesheet" href="../lib/assets/amazeui/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="../lib/assets/amazeui/css/app.css">
    <link rel="stylesheet" href="../lib/assets/layui/css/layui.css"  media="all">


    <!-- js 的引入  -->
    <script src="../lib/assets/vendor/jquery/jquery-3.2.1.min.js"></script>
    <script src="../lib/assets/amazeui/js/echarts.min.js"></script>
    <script src="../lib/assets/amazeui/js/jquery.min.js"></script>
    <script src="../lib/assets/layui/js/layui.js" charset="utf-8"></script>
    <script src="../js/seajs/sea.js"></script>
    <script src="../js/seajs/seaconfig.js"></script>

    <!--[if lt IE 9]>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="../lib/assets/amazeui/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="../lib/assets/amazeui/js/amazeui.min.js"></script>
    <script src="../lib/assets/amazeui/js/amazeui.min.js"></script>

    <script src="../lib/assets/amazeui/js/amazeui.datatables.min.js"></script>
    <script>
        seajs.use("main");
    </script>
    <style type="text/css">
        .layui-tab {
            transition: all 0.4s ease-in-out;!important;
            position: relative;!important;
            margin-left: 240px;!important;
            z-index: 1101;!important;
            background-color: #f2f2f2;
            border-bottom-left-radius: 3px;!important;
        }
        .layui-tab.xs-active {
            margin-left: 240px;
        }
        .layui-tab.active {
            margin-left: 0;
        }
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body  data-type="index">
<script src="../lib/assets/amazeui/js/theme.js"></script>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
    以获得更好的体验！</p>
<![endif]-->
<header id="header">
    <!-- logo -->
    <div class="am-fl tpl-header-logo" style="background-color: #FFFFFF;!important;">
        <a href="javascript:;"><img src="../image/logo.png" alt=""></a>
    </div>
    <!-- 右侧内容 -->
    <div class="tpl-header-fluid">
        <!-- 侧边切换 -->
        <div class="am-fl tpl-header-switch-button am-icon-list">
                    <span>
                </span>
        </div>
        <!-- 其它功能-->
        <div class="am-fr tpl-header-navbar">
            <ul>
                <!-- 欢迎语 -->
                <li class="am-text-sm tpl-header-navbar-welcome">
                    <a href="javascript:;">欢迎你, <span v-cloak>{{ userName }}</span> </a>
                </li>
                <#--<!-- 新提示 &ndash;&gt;-->
                <#--<li class="am-dropdown" data-am-dropdown>-->
                    <#--<a href="javascript:;" class="am-dropdown-toggle" data-am-dropdown-toggle>-->
                        <#--<i class="am-icon-bell"></i>-->
                        <#--<span class="am-badge am-badge-warning am-round item-feed-badge">5</span>-->
                    <#--</a>-->

                    <#--<!-- 弹出列表 &ndash;&gt;-->
                    <#--<ul class="am-dropdown-content tpl-dropdown-content">-->
                        <#--<li class="tpl-dropdown-menu-notifications">-->
                            <#--<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">-->
                                <#--<div class="tpl-dropdown-menu-notifications-title">-->
                                    <#--<i class="am-icon-line-chart"></i>-->
                                    <#--<span> 有6笔新的销售订单</span>-->
                                <#--</div>-->
                                <#--<div class="tpl-dropdown-menu-notifications-time">-->
                                    <#--12分钟前-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                        <#--<li class="tpl-dropdown-menu-notifications">-->
                            <#--<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">-->
                                <#--<div class="tpl-dropdown-menu-notifications-title">-->
                                    <#--<i class="am-icon-star"></i>-->
                                    <#--<span> 有3个来自人事部的消息</span>-->
                                <#--</div>-->
                                <#--<div class="tpl-dropdown-menu-notifications-time">-->
                                    <#--30分钟前-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                        <#--<li class="tpl-dropdown-menu-notifications">-->
                            <#--<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">-->
                                <#--<div class="tpl-dropdown-menu-notifications-title">-->
                                    <#--<i class="am-icon-folder-o"></i>-->
                                    <#--<span> 上午开会记录存档</span>-->
                                <#--</div>-->
                                <#--<div class="tpl-dropdown-menu-notifications-time">-->
                                    <#--1天前-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->


                        <#--<li class="tpl-dropdown-menu-notifications">-->
                            <#--<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">-->
                                <#--<i class="am-icon-bell"></i> 进入列表…-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</li>-->

                <!-- 退出 -->
                <li class="am-text-sm">
                    <a href="javascript:;">
                        <span class="am-icon-sign-out"></span> 退出
                    </a>
                </li>
            </ul>
        </div>
    </div>
</header>

<!-- 侧边导航栏 -->
<div class="left-sidebar">
    <!-- 菜单 -->
    <ul class="sidebar-nav">
        <!-- 递归  宏定义 -->
        <#macro menuTree menus>
            <#if menus?? && menus?size gt 0>
                <#list menus as menu>
                    <#if menu.menuInfos?? && menu.menuInfos?size gt 0>
                      <li class="sidebar-nav-link">
                          <a href="javascript:;" class="sidebar-nav-sub-title" onclick="return false">
                              <i class="am-icon-table sidebar-nav-link-logo"></i> ${menu.menuName!}
                              <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                          </a>
                          <ul class="sidebar-nav sidebar-nav-sub">
                              <@menuTree menus=menu.menuInfos />
                          </ul>
                      </li>
                    <#else>
                        <li class="sidebar-nav-link">
                            <a href="javascript:;" target="${menu.url!}" class="site-demo-active" data-type="tabAdd" onclick="return false">
                                <span class="am-icon-angle-right sidebar-nav-link-logo"></span>
                                <span>${menu.menuName!}</span>
                                <span style="display: none;">${menu.url!}</span>
                            </a>
                        </li>
                    </#if>
                </#list>
            </#if>
        </#macro>
        <!-- 调用宏 生成递归树 -->
        <@menuTree menus=menuList />
    </ul>
</div>


<!-- 内容区域 -->
    <div class="layui-tab layui-tab-card" lay-filter="content" lay-allowclose="true" style="overflow-y: auto;">
        <ul class="layui-tab-title">
            <li class="layui-this">首页</li>
        </ul>
        <div class="layui-tab-content">
        </div>
    </div>

    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script src="../lib/assets/amazeui/js/app.js"></script>
    <script src="../lib/assets/vendor/vue/vue.min.js"></script>
    <script type="text/javascript">
        var vm = new Vue({
            el:'.tpl-header-navbar-welcome',
            data:{
                userName:"${userName}"
            }
        });
    </script>
</body>
</html>

